<template>
  <div class="home-page">
    <div class="main-center">
      <h1 style="text-align: center;margin-top: 50px"><strong>与我们合作</strong></h1>
      <p style="">如有兴趣成为牛津国际教育集团代理，请填写以下表格，我们的区域销售经理将尽快与您联系。</p>
      <div class="form-box">
        <el-form ref="form" label-position="top" :model="form" label-width="80px" size="medium">
          <el-form-item label="姓名">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
          <el-form-item label="邮件">
            <el-input v-model="form.email"></el-input>
          </el-form-item>
          <el-form-item label="公司名称">
            <el-input v-model="form.company"></el-input>
          </el-form-item>
          <el-form-item label="国家">
            <el-select v-model="form.region" placeholder="请选择国家">
              <el-option value="布基纳法索">布基纳法索</el-option>

              <el-option value="沙特阿拉伯">沙特阿拉伯</el-option>

              <el-option value="土库曼斯坦">土库曼斯坦</el-option>

              <el-option value="卡塔尔">卡塔尔</el-option>

              <el-option value="尼泊尔">尼泊尔</el-option>

              <el-option value="哈萨克斯坦">哈萨克斯坦</el-option>

              <el-option value="菲律宾">菲律宾</el-option>

              <el-option value="台湾">台湾</el-option>

              <el-option value="中国大陆">中国大陆</el-option>

              <el-option value="伊朗">伊朗</el-option>

              <el-option value="哥斯达黎加">哥斯达黎加</el-option>

              <el-option value="厄立特里亚">厄立特里亚</el-option>

              <el-option value="古巴">古巴</el-option>

              <el-option value="多米尼加共和国">多米尼加共和国</el-option>

              <el-option value="墨西哥">墨西哥</el-option>

              <el-option value="尼加拉瓜">尼加拉瓜</el-option>

              <el-option value="巴拿马">巴拿马</el-option>

              <el-option value="荷属安地列斯群岛">荷属安地列斯群岛</el-option>

              <el-option value="萨尔瓦多">萨尔瓦多</el-option>

              <el-option value="英属维尔京群岛">英属维尔京群岛</el-option>

              <el-option value="波多黎各">波多黎各</el-option>

              <el-option value="美属维尔京群岛">美属维尔京群岛</el-option>

              <el-option value="圣多美和普林西比">圣多美和普林西比</el-option>

              <el-option value="安圭拉(英)">安圭拉(英)</el-option>

              <el-option value="圣卢西亚">圣卢西亚</el-option>

              <el-option value="圣文森特和格纳丁斯">圣文森特和格纳丁斯</el-option>

              <el-option value="荷属安德列斯">荷属安德列斯</el-option>

              <el-option value="瓜德罗普">瓜德罗普</el-option>

              <el-option value="洪都拉斯">洪都拉斯</el-option>

              <el-option value="危地马拉">危地马拉</el-option>

              <el-option value="格鲁吉亚">格鲁吉亚</el-option>

              <el-option value="亚美尼亚">亚美尼亚</el-option>

              <el-option value="阿塞拜疆">阿塞拜疆</el-option>

              <el-option value="安哥拉">安哥拉</el-option>

              <el-option value="白俄罗斯">白俄罗斯</el-option>

              <el-option value="俄罗斯联邦">俄罗斯联邦</el-option>

              <el-option value="乌克兰">乌克兰</el-option>

              <el-option value="欧洲其他国家(地区)">欧洲其他国家(地区)</el-option>

              <el-option value="匈牙利">匈牙利</el-option>

              <el-option value="冰岛">冰岛</el-option>

              <el-option value="马耳他">马耳他</el-option>

              <el-option value="摩纳哥">摩纳哥</el-option>

              <el-option value="挪威">挪威</el-option>

              <el-option value="罗马尼亚">罗马尼亚</el-option>

              <el-option value="利比亚">利比亚</el-option>

              <el-option value="圣马力诺">圣马力诺</el-option>

              <el-option value="瑞典">瑞典</el-option>

              <el-option value="瑞士">瑞士</el-option>

              <el-option value="爱沙尼亚">爱沙尼亚</el-option>

              <el-option value="拉脱维亚">拉脱维亚</el-option>

              <el-option value="立陶宛">立陶宛</el-option>

              <el-option value="摩尔多瓦">摩尔多瓦</el-option>

              <el-option value="土耳其">土耳其</el-option>

              <el-option value="斯洛文尼亚">斯洛文尼亚</el-option>

              <el-option value="捷克共和国">捷克共和国</el-option>

              <el-option value="非洲其他国家(地区)">非洲其他国家(地区)</el-option>

              <el-option value="斯洛伐克">斯洛伐克</el-option>

              <el-option value="马其顿">马其顿</el-option>

              <el-option value="波斯尼亚-黑塞哥维那共和">波斯尼亚-黑塞哥维那共和</el-option>

              <el-option value="梵蒂冈城国">梵蒂冈城国</el-option>

              <el-option value="荷兰">荷兰</el-option>

              <el-option value="克罗地亚">克罗地亚</el-option>

              <el-option value="希腊">希腊</el-option>

              <el-option value="爱尔兰">爱尔兰</el-option>

              <el-option value="比利时">比利时</el-option>

              <el-option value="塞浦路斯">塞浦路斯</el-option>

              <el-option value="塞卜泰">塞卜泰</el-option>

              <el-option value="丹麦">丹麦</el-option>

              <el-option value="英国">英国</el-option>

              <el-option value="德国">德国</el-option>

              <el-option value="法国">法国</el-option>

              <el-option value="意大利">意大利</el-option>

              <el-option value="卢森堡">卢森堡</el-option>

              <el-option value="葡萄牙">葡萄牙</el-option>

              <el-option value="波兰">波兰</el-option>

              <el-option value="西班牙">西班牙</el-option>

              <el-option value="阿尔巴尼亚">阿尔巴尼亚</el-option>

              <el-option value="津巴布韦">津巴布韦</el-option>

              <el-option value="安道尔">安道尔</el-option>

              <el-option value="列支敦士登">列支敦士登</el-option>

              <el-option value="塞黑">塞黑</el-option>

              <el-option value="奥地利">奥地利</el-option>

              <el-option value="保加利亚">保加利亚</el-option>

              <el-option value="芬兰">芬兰</el-option>

              <el-option value="直布罗陀">直布罗陀</el-option>

              <el-option value="多米尼克">多米尼克</el-option>

              <el-option value="百慕大">百慕大</el-option>

              <el-option value="加拿大">加拿大</el-option>

              <el-option value="几内亚">几内亚</el-option>

              <el-option value="美国">美国</el-option>

              <el-option value="格陵兰">格陵兰</el-option>

              <el-option value="北美洲其他国家(地区)">北美洲其他国家(地区)</el-option>

              <el-option value="汤加">汤加</el-option>

              <el-option value="澳大利亚">澳大利亚</el-option>

              <el-option value="库克群岛">库克群岛</el-option>

              <el-option value="瑙鲁">瑙鲁</el-option>

              <el-option value="新喀里多尼亚">新喀里多尼亚</el-option>

              <el-option value="瓦努阿图">瓦努阿图</el-option>

              <el-option value="所罗门群岛">所罗门群岛</el-option>

              <el-option value="塞拉利昂">塞拉利昂</el-option>

              <el-option value="萨摩亚">萨摩亚</el-option>

              <el-option value="图瓦卢">图瓦卢</el-option>

              <el-option value="密克罗尼西亚联邦">密克罗尼西亚联邦</el-option>

              <el-option value="马绍尔群岛">马绍尔群岛</el-option>

              <el-option value="基里巴斯">基里巴斯</el-option>

              <el-option value="法属玻利尼西亚">法属玻利尼西亚</el-option>

              <el-option value="新西兰">新西兰</el-option>

              <el-option value="斐济">斐济</el-option>

              <el-option value="巴布亚新几内亚">巴布亚新几内亚</el-option>

              <el-option value="帕劳共和国">帕劳共和国</el-option>

              <el-option value="喀麦隆">喀麦隆</el-option>

              <el-option value="留尼汪">留尼汪</el-option>

              <el-option value="土阿莫土群岛">土阿莫土群岛</el-option>

              <el-option value="土布艾群岛">土布艾群岛</el-option>

              <el-option value="社会群岛">社会群岛</el-option>

              <el-option value="马克萨斯群岛">马克萨斯群岛</el-option>

              <el-option value="瓦利斯和浮图纳">瓦利斯和浮图纳</el-option>

              <el-option value="盖比群岛">盖比群岛</el-option>

              <el-option value="诺福克岛">诺福克岛</el-option>

              <el-option value="大洋洲其他国家(地区)">大洋洲其他国家(地区)</el-option>

              <el-option value="智利">智利</el-option>

              <el-option value="哥伦比亚">哥伦比亚</el-option>

              <el-option value="加蓬">加蓬</el-option>

              <el-option value="法属圭亚那">法属圭亚那</el-option>

              <el-option value="圭亚那">圭亚那</el-option>

              <el-option value="库腊索岛">库腊索岛</el-option>

              <el-option value="巴拉圭">巴拉圭</el-option>

              <el-option value="秘鲁">秘鲁</el-option>

              <el-option value="苏里南">苏里南</el-option>

              <el-option value="委内瑞拉">委内瑞拉</el-option>

              <el-option value="乌拉圭">乌拉圭</el-option>

              <el-option value="厄瓜多尔">厄瓜多尔</el-option>

              <el-option value="安提瓜和巴布达">安提瓜和巴布达</el-option>

              <el-option value="加纳">加纳</el-option>

              <el-option value="阿鲁巴岛">阿鲁巴岛</el-option>

              <el-option value="巴哈马">巴哈马</el-option>

              <el-option value="巴巴多斯">巴巴多斯</el-option>

              <el-option value="开曼群岛">开曼群岛</el-option>

              <el-option value="格林纳达">格林纳达</el-option>

              <el-option value="萨巴">萨巴</el-option>

              <el-option value="海地">海地</el-option>

              <el-option value="牙买加">牙买加</el-option>

              <el-option value="马提尼克">马提尼克</el-option>

              <el-option value="蒙特塞拉特">蒙特塞拉特</el-option>

              <el-option value="坦桑尼亚">坦桑尼亚</el-option>

              <el-option value="圣文森特和格林纳丁斯">圣文森特和格林纳丁斯</el-option>

              <el-option value="特立尼达和多巴哥">特立尼达和多巴哥</el-option>

              <el-option value="特克斯和凯科斯群岛">特克斯和凯科斯群岛</el-option>

              <el-option value="英属维尔京群岛">英属维尔京群岛</el-option>

              <el-option value="圣其茨-尼维斯">圣其茨-尼维斯</el-option>

              <el-option value="圣马丁岛">圣马丁岛</el-option>

              <el-option value="南美洲其他国家(地区)">南美洲其他国家(地区)</el-option>

              <el-option value="圣皮埃尔和密克隆">圣皮埃尔和密克隆</el-option>

              <el-option value="阿根廷">阿根廷</el-option>

              <el-option value="伯利兹">伯利兹</el-option>

              <el-option value="马里">马里</el-option>

              <el-option value="玻利维亚">玻利维亚</el-option>

              <el-option value="巴西">巴西</el-option>

              <el-option value="博内尔">博内尔</el-option>

              <el-option value="圣卢西亚">圣卢西亚</el-option>

              <el-option value="索马里">索马里</el-option>

              <el-option value="毛里塔尼亚">毛里塔尼亚</el-option>

              <el-option value="乌干达">乌干达</el-option>

              <el-option value="乍得">乍得</el-option>

              <el-option value="马约特岛">马约特岛</el-option>

              <el-option value="贝宁">贝宁</el-option>

              <el-option value="科摩罗">科摩罗</el-option>

              <el-option value="博茨瓦那">博茨瓦那</el-option>

              <el-option value="塞内加尔">塞内加尔</el-option>

              <el-option value="斯威士兰">斯威士兰</el-option>

              <el-option value="几内亚(比绍)">几内亚(比绍)</el-option>

              <el-option value="民主刚果">民主刚果</el-option>

              <el-option value="中非共和国">中非共和国</el-option>

              <el-option value="莱索托">莱索托</el-option>

              <el-option value="刚果">刚果</el-option>

              <el-option value="南非">南非</el-option>

              <el-option value="马达加斯加">马达加斯加</el-option>

              <el-option value="利比里亚">利比里亚</el-option>

              <el-option value="突尼斯">突尼斯</el-option>

              <el-option value="赞比亚">赞比亚</el-option>

              <el-option value="尼日尔">尼日尔</el-option>

              <el-option value="西撒哈拉">西撒哈拉</el-option>

              <el-option value="多哥">多哥</el-option>

              <el-option value="纳米比亚">纳米比亚</el-option>

              <el-option value="莫桑比克">莫桑比克</el-option>

              <el-option value="梅利利亚">梅利利亚</el-option>

              <el-option value="埃塞俄比亚">埃塞俄比亚</el-option>

              <el-option value="卢旺达">卢旺达</el-option>

              <el-option value="摩洛哥">摩洛哥</el-option>

              <el-option value="马拉维">马拉维</el-option>

              <el-option value="尼日利亚">尼日利亚</el-option>

              <el-option value="佛得角">佛得角</el-option>

              <el-option value="布隆迪">布隆迪</el-option>

              <el-option value="阿尔及利亚">阿尔及利亚</el-option>

              <el-option value="吉布提">吉布提</el-option>

              <el-option value="加那利群岛">加那利群岛</el-option>

              <el-option value="冈比亚">冈比亚</el-option>

              <el-option value="赤道几内亚">赤道几内亚</el-option>

              <el-option value="塞舌尔">塞舌尔</el-option>

              <el-option value="苏丹">苏丹</el-option>

              <el-option value="肯尼亚">肯尼亚</el-option>

              <el-option value="新加坡">新加坡</el-option>

              <el-option value="韩国">韩国</el-option>

              <el-option value="叙利亚">叙利亚</el-option>

              <el-option value="乌兹别克斯坦">乌兹别克斯坦</el-option>

              <el-option value="巴林">巴林</el-option>

              <el-option value="日本">日本</el-option>

              <el-option value="约旦">约旦</el-option>

              <el-option value="越南">越南</el-option>

              <el-option value="科特迪瓦">科特迪瓦</el-option>

              <el-option value="吉尔吉斯斯坦">吉尔吉斯斯坦</el-option>

              <el-option value="泰国">泰国</el-option>

              <el-option value="斯里兰卡">斯里兰卡</el-option>

              <el-option value="阿联酋">阿联酋</el-option>

              <el-option value="老挝">老挝</el-option>

              <el-option value="阿富汗">阿富汗</el-option>

              <el-option value="中国澳门">中国澳门</el-option>

              <el-option value="塔吉克斯坦">塔吉克斯坦</el-option>

              <el-option value="朝鲜">朝鲜</el-option>

              <el-option value="巴勒斯坦">巴勒斯坦</el-option>

              <el-option value="埃及">埃及</el-option>

              <el-option value="中国香港">中国香港</el-option>

              <el-option value="伊拉克">伊拉克</el-option>

              <el-option value="黎巴嫩">黎巴嫩</el-option>

              <el-option value="科威特">科威特</el-option>

              <el-option value="文莱">文莱</el-option>

              <el-option value="马尔代夫">马尔代夫</el-option>

              <el-option value="印度尼西亚">印度尼西亚</el-option>

              <el-option value="以色列">以色列</el-option>

              <el-option value="蒙古">蒙古</el-option>

              <el-option value="亚洲其他国家(地区)">亚洲其他国家(地区)</el-option>

              <el-option value="毛里求斯">毛里求斯</el-option>

              <el-option value="阿曼">阿曼</el-option>

              <el-option value="印度">印度</el-option>

              <el-option value="缅甸">缅甸</el-option>

              <el-option value="马来西亚">马来西亚</el-option>

              <el-option value="东帝汶">东帝汶</el-option>

              <el-option value="也门共和国">也门共和国</el-option>

              <el-option value="不丹">不丹</el-option>

              <el-option value="柬埔寨">柬埔寨</el-option>

              <el-option value="巴基斯坦">巴基斯坦</el-option>

              <el-option value="孟加拉国">孟加拉国</el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="我的生源来自">
            <el-checkbox-group v-model="form.type1">
              <el-checkbox label="非洲" name="type"></el-checkbox>
              <el-checkbox label="亚太地区" name="type"></el-checkbox>
              <el-checkbox label="欧洲" name="type"></el-checkbox>
              <el-checkbox label="中东和北非地区" name="type"></el-checkbox>
              <el-checkbox label="北美" name="type"></el-checkbox>
              <el-checkbox label="俄罗斯和独联体" name="type"></el-checkbox>
              <el-checkbox label="南美/拉丁美洲" name="type"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="我感兴趣的是">
            <el-checkbox-group v-model="form.type2">
              <el-checkbox label="英国的学校和学院" name="type"></el-checkbox>
              <el-checkbox label="大学预科课程" name="type"></el-checkbox>
              <el-checkbox label="英国中学生英语语言课程" name="type"></el-checkbox>
              <el-checkbox label="英国成人英语语言课程" name="type"></el-checkbox>
              <el-checkbox label="北美英语语言课程" name="type"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <p>如想了解更多您的个人信息管理的相关资讯，请查看我们的隐私政策。</p>
          <el-form-item>
            <el-button type="primary" @click="onSubmit">与我们合作</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    data() {
      return {
        form: {
          name: '',
          email:'',
          company:'',
          region: '',
          type1: [],
          type2: [],
        }
      }
    },
    methods: {
      onSubmit() {
        console.log(this.form)
      }
    }
  }
</script>

<style scoped lang="scss">
  .main-center {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 180px;
  }
  .form-box{
padding-bottom: 100px;
  }
</style>